<template>
    <div>
<van-nav-bar
  title="标题"
  left-text="返回"
  left-arrow
  @click-left="onClickLeft"
/>
<van-cell-group>
     <p>待支付订单<span>{{ time+'秒' }}</span></p>
  <van-cell title="订单号" value="2024001" />
  <van-cell title="下单时间" value="2024-6-14-12:00" />
  <van-cell title="收件人" value="张三" />
  <van-cell title="地址" value="北京朝阳区" />
  <van-cell title="总金额" value="200.00" />
  <van-button type="primary" block>立即支付</van-button>
</van-cell-group>

    </div>
</template>

<script setup>
const onClickLeft = () => history.back();
import { ref } from 'vue';
let time=ref(30)
let timer
let dzf=ref(true)
timer=setInterval(()=>{
    time.value--
    if(time.value==0){
        clearInterval(timer)
        dzf.value=false
    }
},1000)
</script>

<style lang="scss" scoped>

</style>